<template>
  <div class="produc_box">
    <div class="big_box">
      <ul>
        <li>
          <img :src="images[current].max"  alt=""  width="480px" height="480px" />
        </li>
      </ul>
    </div>
    <div class="small_box">
      <i></i>
      <ul>
        <li v-for="(item, index) in images" :key="index">
          <img :src="item.min" alt="" width="60px" height="60px" @mouseover="current = index" />
        </li>
      </ul>
      <i></i>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      hover1:true,
      current: 0,
      images: [
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837502090_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837502090_580.png'
        },
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837913619_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837913619_580.png'
        },
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837502090_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837502090_580.png'
        },
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837502090_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837502090_580.png'
        },
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837502090_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837502090_580.png'
        },
        {
          min: 'https://image.haier.com/cn/laundry/W020190915776837502090_60.png',
          max: 'https://image.haier.com/cn/laundry/W020190915776837502090_580.png'
        }
      ],
    };
  },
  methods:{
    show(type){
      this[type]=true
    },
    hidden(type){
      this[type]=false
    }
  }
};
</script>

<style scoped>
.small_box {
  width: 500px;
}
.small_box ul {
  width: 100%;
  height: 70px;
  text-align: center;
}
.small_box li {
  display: inline-block;
  float: left;
  border: 1px solid gray;
 margin: 0 10px;
}
.big_box{
}
</style>